<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电子产品调查问卷</title>
	</head>
	<body>
		<h1>American Metric 电子产品调查表</h1>
		<form>
			<p>
				<label for="name">名字</label>
				<input type="text" name="name" placeholder="输入必须是2-6字符" id="name" pattern="[-\w\u4E00-\u9FA5]{2,6}" required />
			</p>
			<p>
				购买日期：
				<input type="date" name="d" width="40px" height="10" required/>年/月/日
				
			</p>
			<p>
				<label for="email">邮件地址</label>
				<input type="email" name="email" id="email" pattern="url" placeholder="www.baidu.com" size="40" required=""/>
			</p>
			<p>
				<label for="phone">手机号码</label>
				<input type="text" name="phone" id="phone" pattern="1[358]\d{9}" placeholder="输入必须是13/15/18开头的11位数字" size="40" required />
			</p>
			<p>
				<label for="shifou">您是否查看过我们的在线产品目录？</label>
				<input name="diaocha" type="radio" value="yes" checked="checked" required />是
				<input name="diaocha" type="radio" value="no" required />否
			</p>
			<p>
			如果查看过，您对哪些产品有兴趣购买？（选择提供的产品）<br />
			<input name="shopping" type="checkbox" value="tv" id="buy"/><label for="buy">大屏电视机</label>
			<input name="shopping" type="checkbox" value="audio" id="buy2"/><label for="buy2">音频设备</label>
			<input name="shopping" type="checkbox" value="video" id="buy3"/><label for="buy3">视频设备</label>
			<input name="shopping" type="checkbox" value="camera" id="buy4"/><label for="buy4">相机</label>
			</p>
			<p>
				在填写订单之前，您还有什么问题，意见或者建议？<br />
				<textarea placeholder="您的输入："></textarea>
			</p>
			<p>
				<input name="tijiao" type="submit" value="提交"/>
				<input name="chongzhi" type="reset" value="重置" disabled/>
			</p>
		</form>
	</body>
</html>
